<#include "../header.ftl">
<html>
<body>

<#include "../nav-top.ftl">
<div class="sui-container" style="margin-top: 30px;">
    <ul class="sui-breadcrumb" style="padding: 0px 0px">
        <li><a href="#">财务结算</a></li>
        <li class="active">充值</li>
    </ul>
    <form id="form-user" class="sui-form form-horizontal" novalidate="novalidate">
        <div class="sui-row-fluid">

            <div class="span10">

                <div class="control-group">
                    <label for="accountName">账　　号：</label>
                    <div class="controls">
                        <input class="input-xlarge input-fat" id="accountName" name="accountName" type="text"
                               value="${accountName}"
                               placeholder="账号" data-rules="required|minlength=2|maxlength=20">
                    </div>
                </div>
                <div class="control-group">
                    <label for="nickName">充值金额：</label>
                    <div class="controls">
                        <label class="radio-pretty inline checked">
                            <input type="radio" checked="checked" name="amount" value="10"><span>10元</span>
                        </label>
                        <label class="radio-pretty inline">
                            <input type="radio" name="amount" value="20"><span>20元</span>
                        </label>
                        <label class="radio-pretty inline">
                            <input type="radio" name="amount" value="30"><span>30元</span>
                        </label>
                        <label class="radio-pretty inline ">
                            <input type="radio" name="amount" value="50"><span>50元</span>
                        </label>
                        <label class="radio-pretty inline">
                            <input type="radio" name="amount" value="100"><span>100元</span>
                        </label>
                        <label class="radio-pretty inline">
                            <input type="radio" name="amount" value="200"><span>200元</span>
                        </label>
                        <label class="radio-pretty inline ">
                            <input type="radio" name="amount" value="300"><span>300元</span>
                        </label>
                        <label class="radio-pretty inline">
                            <input type="radio" name="amount" value="500"><span>500元</span>
                        </label>
                        <label class="radio-pretty inline">
                            <input type="radio" name="amount" value="1000"><span>1000元</span>
                        </label>
                        <label class="radio-pretty inline">
                            <input type="radio" name="amount" value="0"><span>其他金额</span>
                        </label>
                        <input type="text" style="width: 100px;" id="otherAmount" name="otherAmount"/>
                    </div>
                </div>

                <div class="control-group">
                    <label>支付方式：</label>
                    <div class="controls">
                        <label class="radio-pretty inline checked">
                            <input type="radio" name="payType" checked="checked" value="1"/><span><img
                                src="/static/img/alipay_logo.png" style="width: 260px;height: 82px;"/></span>
                        </label>
                        <label class="radio-pretty inline">
                            <input type="radio" name="payType" value="2"/><span><img src="/static/img/wechat_logo.png"
                                                                                     style="width: 260px;height: 82px;"/></span>
                        </label>
                    </div>
                </div>


            </div>
        </div>

        <div class="sui-row-fluid" style="margin-top: 20px;">
            <div class="span3">
                <button type="button" class="sui-btn btn-xlarge btn-primary account-charge">充值
                </button>
            </div>
        </div>
    </form>
</div>
<div id="qrCodeModal" tabindex="-1" role="dialog" data-hasfoot="false" class="sui-modal hide fade"
     data-backdrop="static">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" data-dismiss="modal" aria-hidden="true" class="sui-close">×</button>
                <h4 id="myModalLabel" class="modal-title">充值<span class="pay-amount"></span>元</h4>
            </div>
            <div class="modal-body" style="text-align: center">
                <h4 id="myModalLabel" class="modal-title pay-type-msg">支付宝扫码支付</h4>
                <div id="qrcode" align="center" style="padding-bottom: 10px;"></div>
                <h5 class="time-have"><span style="color: red" class="time-second">60秒</span>后此二维码过期</h5>
                <a href="javascript:void(0);" class="sui-btn btn-xlarge btn-success refresh-qrcode">刷新二维码</a>
            </div>

        </div>
    </div>
</div>
<#include "../footer.ftl">
<script src="../../static/js/plugins/sea/sea.js"></script>
<script src="../../static/js/sea.config.js"></script>
<script>
    seajs.use('/static/js/game/finance/account_charge');
</script>
</body>
</html>
